/*
 * @Author: mylesshie@gmail.com
 * @Date: 2020-07-06 15:26:13
 * @LastEditors: mylesshie@gmail.com
 * @LastEditTime: 2020-10-18 22:53:57
 * @description: 
 */ 
import { StyleSheet } from 'react-native'
import px from '@/libs/px'

export default StyleSheet.create({
  wrap: {
    flex: 0,
    width: '100%',
    flexDirection: 'column',
    paddingLeft: px(30),
    paddingRight: px(30),
    alignItems: 'center',
    backgroundColor: '#fff',
    borderTopColor: '#ccc',
    borderTopWidth: px(1),
  },
  leftCont: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center'
  },
  rightCont: {
    backgroundColor: '#fefefe',
    flex: 0,
    width: px(180),
    flexDirection: 'row',
    justifyContent: 'space-between',
    marginLeft: px(30)
  },
  containerStyle: {
    backgroundColor: '#E8E8E9',
    padding: 0,
    margin: 0,
    height: px(60),
    borderRadius: px(30)
  },
  inputContainer: {
    height: px(60),
    margin: 0,
    padding: 0,
    top: 0,
    borderBottomWidth: 0,
  },
  inputStyle: {
    borderBottomWidth: 0,
    // backgroundColor: '#f00',
    height: px(50),
    paddingTop: 0,
    paddingBottom: 0,
    margin: 0,
    fontSize: 14
  },

  top: {
    height: px(90),
    flexDirection: 'row',
    justifyContent: 'space-around',
    alignItems: 'center',
  },

  emojiBox: {
    backgroundColor: '#fff',
    borderTopColor: '#ccc',
    borderTopWidth: 1
  },
  emojiBoxActive: {
    position: 'relative',
    zIndex: 100,
    backgroundColor: '#fff',
    borderTopColor: '#ccc',
    borderTopWidth: 1
  }
})